<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快速入门</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <!-- jQuery
        1.jQuery是一个JavaScript库
        2.使用注意：
            导包 ：<script src="js/jquery-3.3.1.min.js"></script>
        3.核心语法：$("#div")  == document.getElementById("div")
        4.jQuery和js对象互转
            js     ->   jQuery
                $(js的DOM对象);
            jQuery ->   js
                jQuery对象[索引];
                jQuery对象.get(索引);
    -->
    <script>
        /*
            $(function(){  // 相当于jQuery页面加载，第一步
                // 任何位置都可以，不需要非得在body标签后面
            });

            原始写法：
            $(document).ready(function(){

            });
        */

        $(function () {
            // js方式获取div元素
            // let jsDiv = document.getElementById("div");
            // alert(jsDiv.innerText);

            // jQuery方式，通过id属性值来获取div元素
            let jqDiv = $("#div");
            // 通过封装的html获取文本
            alert(jqDiv.html());
        });
    </script>
</head>

<body>
    <div id="div">我是div</div>
</body>


</html>